﻿
.container.bandeauebo {
    margin-bottom: 20px;
}

.mobileeboutique
  {
  background-color:#e6e6e6 !important;
  min-height:89px;
  padding: 30px 0px;
  font-weight:bold;
  font-size: 18px;
  background-image:url('/PublishingImages/eboutique/ico-ebtou-mobile.png') !important;
  background-repeat:no-repeat;
  background-position:15% 33%;
  padding-left: 37px;
  }
    .mobileeboutique:hover
  {
  background-color:#f7861e !important;
  cursor:pointer;
  color:white !important;
   background-image:url('/PublishingImages/eboutique/ico-ebtou-mobilehover.png') !important;
  background-repeat:no-repeat;
  
  }
      .mobileeboutique.active
  {
  background-color:#f7861e !important;
  cursor:pointer;
  color:white !important;
  background-image:url('/PublishingImages/eboutique/ico-ebtou-mobilehover.png') !important;
  background-repeat:no-repeat;
  background-position: 15% 33%;
  padding-left: 37px;
  }
     
    
    
    

  
        .mobileeboutique a
  {
  cursor:pointer;
  color:#393939 !important;
  font-size: 16px;
  }
   .mobileeboutique:hover a
  {  
  cursor:pointer;
  color:#FFF !important; 
  text-decoration:none !important;
  }
  .mobileeboutique.active a
  {
  background-color:#f7861e !important;
  cursor:pointer;
  color:white !important;  
  }
  
  .martphoneseboutique
  {
  background-color:#e6e6e6 !important;
  min-height: 82px;
  padding: 30px 0px;
  font-weight:
  bold;
  font-size: 18px;
  background-image:
  url('/PublishingImages/eboutique/ico-ebtou-mobile.png') !important;
  background-repeat:
  no-repeat;
  background-position: 0% 45%;
  padding-left: 37px;
  }
  
 
    .martphoneseboutique:hover
  {
  background-color:#f7861e !important;
  cursor:pointer;
  color:white !important;
   background-image:url('/PublishingImages/eboutique/ico-ebtou-mobilehover.png') !important;
  background-repeat:no-repeat;
  
  }
      .martphoneseboutique.active
  {
  background-color:#f7861e !important;
  cursor:pointer;
  color:white !important;
  background-image:url('/PublishingImages/eboutique/ico-ebtou-mobilehover.png') !important;
  background-repeat:no-repeat;
  background-position: -20% 33%;
  padding-left: 37px;
  }  
  
   .martphoneseboutique a
  {  
  cursor:pointer;
  color:#393939 !important;  
  }
   .martphoneseboutique:hover a
  {  
  cursor:pointer;
  color:#FFF !important; 
  text-decoration:none !important;
  }
  .martphoneseboutique.active a
  {
  background-color:#f7861e !important;
  cursor:pointer;
  color:white !important;  
  }
  
  /*mobile4G*/
.mobile4G
  {
  background-color:#d8d8d8 !important;
  min-height:89px;
  padding: 30px 0px;
  font-weight:bold;
  font-size:18px;
  background-image:url('/PublishingImages/eboutique/mobile4g.png') !important;
  background-repeat:no-repeat;
  background-position: 0% 45%;
  padding-left: 37px;
  }
    .mobile4G:hover
  {
  background-color:#f7861e !important;
  cursor:pointer;
  color:white !important;
   background-image:url('/PublishingImages/eboutique/mobile4gover.png') !important;
  background-repeat:no-repeat;
  
  }
      .mobile4G.active
  {
  background-color:#f7861e !important;
  cursor:pointer;
  color:white !important;
  background-image:url('/PublishingImages/eboutique/mobile4gover.png') !important;
  background-repeat:no-repeat;
  background-position: 2% 50%;
  }
    
        .mobile4G a
  {  
  cursor:pointer;
  color:#393939 !important;  
  }
   .mobile4G:hover a
  {  
  cursor:pointer;
  color:#FFF !important; 
  text-decoration:none !important;
  }
  .mobile4G.active a
  {
  background-color:#f7861e !important;
  cursor:pointer;
  color:white !important;  
  }
  /*mobile4G*/
    
  .fixeeboutique
  {
  background-color:#e6e6e6 !important;
  min-height:89px;
  padding: 32px 80px !important;
  font-weight:bold;
  font-size:18px;
  background-image:url('/PublishingImages/eboutique/ico-ebtou-fixe.png') !important;
  background-repeat:no-repeat;
  background-position: 20% 33% !important;
  }
    .fixeeboutique:hover
  {
  background-color:#f7861e !important;
  cursor:pointer;
  color:white !important;
       background-image:url('/PublishingImages/eboutique/ico-ebtou-fixehover.png') !important;
  background-repeat:no-repeat;
  
  }
  
      .fixeeboutique.active
  {
  background-color:#f7861e !important;
  cursor:pointer;
  color:white !important;
       background-image:url('/PublishingImages/eboutique/ico-ebtou-fixehover.png') !important;
  background-repeat:no-repeat;
  background-position:20% 33%;
  }
  
   .fixeeboutique a
  {  
  cursor:pointer;
  color:#393939 !important;  
  }
   .fixeeboutique:hover a
  {  
  cursor:pointer;
  color:#FFF !important; 
  text-decoration:none !important;
  }
  .fixeeboutique.active a
  {
  background-color:#f7861e !important;
  cursor:pointer;
  color:white !important;  
  }
  
  
  
  .ADSLeboutique
  {
  background-color:#e6e6e6 !important;
  min-height:89px;
  padding: 30px 0px;
  font-weight:bold;
  font-size:18px;
  background-image: url('/PublishingImages/eboutique/ico-ebtou-adsl.png') !important;
  background-repeat:no-repeat;
  background-position: 9% 33% !important;
  padding-left: 37px;
  }
    .ADSLeboutique:hover
  {
  background-color:#f7861e !important;
  cursor:pointer;
  color:white !important;
  background-image:url('/PublishingImages/eboutique/ico-ebtou-adslhover.png') !important;
  }
    .ADSLeboutique.active
  {
  background-color:#f7861e !important;
  cursor:pointer;
  color:white !important;
  background-image:url('/PublishingImages/eboutique/ico-ebtou-adslhover.png')!important;
  }
   .ADSLeboutique a
  {  
  cursor:pointer;
  color:#393939 !important;  
  }
   .ADSLeboutique:hover a
  {  
  cursor:pointer;
  color:#FFF !important; 
  text-decoration:none !important;
  }
  .ADSLeboutique.active a
  {
  background-color:#f7861e !important;
  cursor:pointer;
  color:white !important;  
  }
  
  
  
  
  
  
  .fibreeboutique
  {
  background-color:#f2f2f2 !important;
  min-height: 89px;
  padding: 34px 0px;
  font-weight:
  bold;
  font-size: 18px;
  background-image:
  url('/PublishingImages/eboutique/ico-ebtou-fibreobtique.png') !important;
  background-repeat:
  no-repeat;
  background-position: 1% 46%;
  padding-left: 25px;
  }
    .fibreeboutique:hover
  {
  background-color:#f7861e !important;
  cursor:pointer;
  color:white !important;
    background-image:url('/PublishingImages/eboutique/ico-ebtou-fibreobtiquehover.png') !important;
  background-repeat:no-repeat;
 
  }
  
  .fibreeboutique.active
  {
  background-color:#f7861e !important;
  cursor:pointer;
  color:white !important;
  background-image:url('/PublishingImages/eboutique/ico-ebtou-fibreobtiquehover.png')!important;
  background-repeat:no-repeat;
  background-position: -16% 33%;
  }
   .fibreeboutique a
  {  
  cursor:pointer;
  color:#393939 !important;  
  }
   .fibreeboutique:hover a
  {  
  cursor:pointer;
  color:#FFF !important; 
  text-decoration:none !important;
  }
  .fibreeboutique.active a
  {
  background-color:#f7861e !important;
  cursor:pointer;
  color:white !important;  
  }
  
 /*************************fidelioeboutiquer*********************/
 

  .fidelioeboutique
  {
  background-color:#fbfbfb !important;
  min-height: 89px;
  padding: 34px 0px;
  font-weight:bold;
  font-size:18px;
  background-image:url('/PublishingImages/Eboutique/FIDELIO.png') !important;
  background-repeat:no-repeat;
  background-position: 0% 22%;
  padding-left: 21px;
  }
    .fidelioeboutique:hover
  {
  background-color:#f7861e !important;
  cursor:pointer;
  color:white !important;
    background-image:url('/PublishingImages/eboutique/fidelio-hover.png') !important;
  background-repeat:no-repeat;
 
  }
  
  .fidelioeboutique.active
  {
  background-color:#f7861e !important;
  cursor:pointer;
  color:white !important;
    background-image:url('/PublishingImages/eboutique/fidelio-hover.png')!important;
  background-repeat:no-repeat;
  background-position:2% 33%;
  }
   .fidelioeboutique a
  {  
  cursor:pointer;
  color:#393939 !important;  
  }
   .fidelioeboutique:hover a
  {  
  cursor:pointer;
  color:#FFF !important; 
  text-decoration:none !important;
  }
  .fidelioeboutique.active a
  {
  background-color:#f7861e !important;
  cursor:pointer;
  color:white !important;  
  }
 
  
  /**********************************/
  
  .e-objetsconnectes
  {
  background-color:#e6e6e6 !important;
  min-height: 82px;
  padding: 28px 0px;
  font-weight:
  bold;
  font-size: 18px;
  background-image:
  url('/PublishingImages/Eboutique/objectconnecte.png') !important;
  background-repeat:
  no-repeat;
  background-position: 4% 33%;
  padding-left: 37px;
  }
    .e-objetsconnectes:hover
  {
  background-color:#f7861e !important;
  cursor:pointer;
  color:white !important;
   background-image:url('/PublishingImages/Eboutique/objectconnectehover.png') !important;
  background-repeat:no-repeat;
  
  }
      .e-objetsconnectes.active
  {
  background-color:#f7861e !important;
  cursor:pointer;
  color:white !important;
  background-image:url('/PublishingImages/eboutique/ico-ebtou-mobilehover.png') !important;
  background-repeat:no-repeat;
  background-position: 15% 33%;
  padding-left: 37px;
  }
     
    
    
    

  
        .e-objetsconnectes a
  {
  cursor:pointer;
  color:#393939 !important;
  text-transform: uppercase;
  line-height: 18px;
  text-decoration: none;
  }
   .e-objetsconnectes:hover a
  {  
  cursor:pointer;
  color:#FFF !important; 
  text-decoration:none !important;
  }
  .e-objetsconnectes.active a
  {
  background-color:#f7861e !important;
  cursor:pointer;
  color:white !important;  
  }


/******equipent internet*****/
 /**********************************/
  
  .Interneteboutique
  {
  background-color:#efefef !important;
  min-height: 82px;
  padding: 27px 0px;
  font-weight:bold;
  font-size: 18px;
  background-image:url('/PublishingImages/Eboutique/equipementinternet.png') !important;
  background-repeat:no-repeat;
  background-position: -3% 33%;
  padding-left: 60px;
  }
    .Interneteboutique:hover
  {
  background-color:#f7861e !important;
  cursor:pointer;
  color:white !important;
   background-image:url('/PublishingImages/Eboutique/equipementinternetover.png') !important;
  background-repeat:no-repeat;
  
  }
      .Interneteboutique.active
  {
  background-color:#f7861e !important;
  cursor:pointer;
  color:white !important;
  background-image:url('/PublishingImages/eboutique/equipementinternetover.png') !important;
  background-repeat:no-repeat;
  background-position: 15% 33%;
  padding-left: 37px;
  }
     
    
    
    

  
        .Interneteboutique a
  {
  cursor:pointer;
  color:#393939 !important;
  text-transform: uppercase;
  line-height: 18px;
  text-decoration: none;
  }
   .Interneteboutique:hover a
  {  
  cursor:pointer;
  color:#FFF !important; 
  text-decoration:none !important;
  }
  .Interneteboutique.active a
  {
  background-color:#f7861e !important;
  cursor:pointer;
  color:white !important;  
  }

/****** Accessoire *****/
  h3#accessoires-title {padding-top: 8px;}
  .Accessoireeboutique
  {
  background-color:#efefef !important;
  min-height: 70px;
  padding: 27px 0px;
  font-weight:bold;
  font-size: 18px;
  background-image:url('/PublishingImages/eboutique/accessoire.png') !important;
  background-repeat:no-repeat;
  background-position: 0% 33%;
  padding-left: 80px !important;
  text-align: left;
  }
    .Accessoireeboutique:hover
  {
  background-color:#f7861e !important;
  cursor:pointer;
  color:white !important;
   background-image:url('/PublishingImages/eboutique/accessoire-hover.png') !important;
  background-repeat:no-repeat;
  
  }
   .Accessoireeboutique.active
  {
  background-color:#f7861e !important;
  cursor:pointer;
  color:white !important;
  background-image:url('/PublishingImages/eboutique/accessoire-hover.png') !important;
  background-repeat:no-repeat;
  /*background-position: 15% 33%;*/
  /*padding-left: 37px;*/
  }  
    
  .Accessoireeboutique a
  {
  cursor:pointer;
  color:#393939 !important;
  text-transform: uppercase;
  line-height: 18px;
  text-decoration: none;
  }
   .Accessoireeboutique:hover a
  {  
  cursor:pointer;
  color:#FFF !important; 
  text-decoration:none !important;
  }
  .Accessoireeboutique.active a
  {
  background-color:#f7861e !important;
  cursor:pointer;
  color:white !important;  
  }
 /**********************************/
  
  .pleft
  {
  padding-left:0px;
  }
  .pright
  {
  padding-right:0px;
  }
  
  
  
  
  
   .ligneFO input{
    margin :0px;
  }

  
  
  .ligneFO label{
    padding-left:10px;
  }
  
  .ligneFO{	
		padding: 10px;
	}
	 
  .ligneFO table td {
      padding-top: 4px;
    }
   
   .ligneFO table{
    margin-left:10px;
    width:100%
}
  
  
  
  
  /*cartes block*/
  
   .esimes table{
    margin-left:10px;
    width:100%
}
.esimes label{
    padding-left:10px;
}


.esimes td:nth-child(1) 
{
    background-image:url('/PublishingImages/Eboutique/cartestandard.png');
    background-repeat:no-repeat;
   text-align: left;
    padding-left: 50px;
    background-position: left;
}

.esimes td:nth-child(2)
{
 
background-image:url('/PublishingImages/Eboutique/e-sim.png');
 
background-repeat:no-repeat;
 
text-align: left;
 
padding-left: 30px;
background-position: left;
}

.typecarte
{padding: 15px;font-weight:bold;background-color:#e6e6e6;min-height: 50px;font-weight: bold;font-family: Montserrat-Bold;font-size: 20px;margin-top: 12px;}
.typecarte span:after {
    content: "";
    display: block;
    border-left: 25px solid #e6e6e6;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    position: absolute;
    top: 0px;
    right: -25px;
    z-index: 1;
}
.esimes {
    padding: 10px 10%;
}
.esimes  table td {
    width: 240px;
    padding-top: 4px;
}



.container.bandeauebo {
    display: none;
}
  
  
#souhaitez .testimonial .title.active{
    color:#f7861e !important;
    font-weight:bold !important;
}
  
  
    
  
  @media screen and (max-width: 768px) 
  
  {
   .esimes table td {
  width: auto;
  
}
  .container.bandeauebo {
    display: block;
}

  
  #souhaitez
  {
	display:none;
}
  
  
  
  .mobileeboutique
  {
  background-color:#e6e6e6 !important;
  min-height: 60px;
  padding:20px 40px;
  font-weight:bold;
  font-size:20px;
  background-image:url('/PublishingImages/eboutique/ico-ebtou-mobile.png') !important;
  background-repeat:no-repeat;
  background-position: -4% 3% !important;
  text-align:left;
  padding-left: 80px !important;
  }
  
  .mobileeboutique.active
  {
  background-color:#f7861e !important;
  background-position: -4% 3% !important;
  }
  
  
  .mobile4G
  {
  background-color:#e6e6e6 !important;
  min-height: 60px;
  padding:20px 40px;
  font-weight:
  bold;
  font-size:20px;
  background-image: url('/PublishingImages/eboutique/mobile4g.png') !important;
  background-repeat: no-repeat;
  background-position: -3% 3%;
  text-align:  left !important;
  padding-left: 80px !important;
  }
  
  .mobile4G.active
  {
  background-color:#f7861e !important;
	background-position: -2% 3%;
  }



 .ADSLeboutique
  {
  background-color:#e6e6e6 !important;
  min-height: 60px;
  padding:20px 40px;
  font-weight:bold;
  font-size:20px;
  background-image: url('/PublishingImages/eboutique/ico-ebtou-adsl.png') !important;
  background-repeat:no-repeat;
  background-position:left !important;
  text-align:left;
  padding-left: 81px;
  }
   



  
  .fibreeboutique
  {
  background-color:#f2f2f2 !important;
  min-height: 70px;
  padding: 25px 26px;
  font-weight:
  bold;
  font-size:20px;
  background-image: url('/PublishingImages/eboutique/ico-ebtou-fibreobtique.png') !important;
  background-repeat:  no-repeat;
  background-position: -3% 7%;
  text-align:  left;
  padding-left: 78px;
  }
  
  
  .fibreeboutique.active
  {
  background-color:#f7861e !important;
  cursor:pointer;
  color:white !important;
  background-image:url('/PublishingImages/eboutique/ico-ebtou-fibreobtiquehover.png')!important;
  background-repeat:no-repeat;
  background-position:left;
  padding-left: 82px;
  }
  
  
  .fidelioeboutique
  {
  background-color:#fbfbfb !important;
  min-height: 89px;
  padding: 34px 0px;
  font-weight:bold;
  font-size:18px;
  background-image:url('/PublishingImages/Eboutique/FIDELIO.png') !important;
  background-repeat:no-repeat;
  background-position: left;
  padding-left: 82px;
  text-align: left;
  background-position: 2% 33%;
  }
  
  
  .fidelioeboutique.active
  {
  background-color:#f7861e !important;
  cursor:pointer;
  color:white !important;
    background-image:url('/PublishingImages/eboutique/fidelio-hover.png')!important;
  background-repeat:no-repeat;
  background-position:2% 33%;
  }

   .martphoneseboutique
  {
  background-color:#e6e6e6 !important;
  min-height: 60px;
  padding:20px 40px;
  font-weight: bold;
  font-size:20px;
  background-image:
  url('/PublishingImages/eboutique/ico-ebtou-mobile.png') !important;
  background-repeat:
  no-repeat;
  background-position: -4% 3%!important;
  text-align: left;
  padding-left: 80px !important;
  }
  
  .martphoneseboutique.active
  {
  background-color:#f7861e !important;
  background-position:left;
  }
  
  
  
  
    .e-objetsconnectes
  {
  background-color:#e6e6e6 !important;
  min-height: 60px;
  padding:20px 40px;
  font-weight: bold;
  font-size:20px;
  background-image:
  url('/PublishingImages/Eboutique/objectconnecte.png') !important;
  background-repeat: no-repeat;
  background-position: left;
  text-align: left;
  padding-left: 80px !important;
  background-position: 4% 5%;
  }

      .e-objetsconnectes.active
  {
   background-color:#f7861e !important;
  cursor:pointer;
  color:white !important;
   background-image:url('/PublishingImages/eboutique/objectconnectehover.png') !important;
  background-repeat:no-repeat;
  }
  
  .e-objetsconnectes.active
  {
  background-color:#f7861e !important;
  background-position: 3% 3%;
  }






 .Interneteboutique
  {
  background-color:#e6e6e6 !important;
  min-height: 60px;
  padding:20px 40px;
  font-weight:
  bold;
  font-size:20px;
  background-image: url('/PublishingImages/Eboutique/equipementinternet.png') !important;
  background-repeat: no-repeat;
  background-position: left;
  text-align: left;
  padding-left: 80px !important;
  background-position: -2% 5%;
  }

      Interneteboutique.active
  {
   background-color:#f7861e !important;
  cursor:pointer;
  color:white !important;
   background-image:url('/PublishingImages/eboutique/equipementinternetover.png') !important;
  background-repeat:no-repeat;
  }
  
  .Interneteboutique.active
  {
  background-color:#f7861e !important;
  background-position:left;
  }


   }
   
   
   
   
   
   
   
   
   
    @media screen and (max-width: 480px) {

  .row.ligneFO td {
  width: 100%;
  float: left;
  clear: both;
  margin: 0px !important;
    margin-left: 0px;
  padding: 0px !important;
  margin-left: 35px !important;
  height: 35px;
}
.EB-content #divNumFixe input[type="text"] {
  float: left !important;
  width: 37% !important;
  margin-right: 0;
  background: #e9e9ea !important;
  padding: 8px !important;
  border: 0 !important;
  width: 100% !important;
  margin-left:50px !important;
   margin-top:10px !important;
}
  
   
   .col-sm-5.col-xs-5.text-right.padding.margin10.iconatetopmobile {
    padding-left: 0px;
    padding-right: 0px;
}
   
  } 
   
   
   
   /*tables
   
   @media screen and (max-width: 760px) {
.esimes table{
    margin-left:0px;
}
.typecarte span:after {
    right: 0px;
    z-index: 1;
}
.esimes {
    padding: 4px 4%;
}
} 